
<div id="serialWrapper">
    <div id="serialTitle" class="mainBigSignature">
        <h1 style="width: 350px; float: left; text-shadow: 1px 1px 1px #ffffff; color: #DD7A10;" class="pt-5">{$serialData.0.name_to_show}</h1>
        <div id="stars" style="width: 300px; float: right;">
            <table>
                <tr>
                    <td>
                        <ul style="padding-left:0px; margin: 0px; width: 226px;">
                            <li onmouseover="javascript: setGoldStar('{$url}',1, '{$serialData.0.note}');" onclick="javascript: giveNote('{$url}',1, '{$serialData.0.id}')" onmouseout="javascript: removeAllGoldStars('{$url}', 1)">
                                <a class="" href="#"><img id="star1" src="{$url}public/images/{if $serialData.0.note gte 1}goldStar.png{else}freeStar.png{/if}"/></a>
                            </li>
                            <li onmouseover="javascript: setGoldStar('{$url}',2, '{$serialData.0.note}');" onclick="javascript: giveNote('{$url}',2, '{$serialData.0.id}')" onmouseout="javascript: removeAllGoldStars('{$url}', 2)">
                                 <a class="" href="#"><img id="star2" src="{$url}public/images/{if $serialData.0.note gte 2}goldStar.png{else}freeStar.png{/if}"/></a>
                            </li>
                            <li onmouseover="javascript: setGoldStar('{$url}',3, '{$serialData.0.note}');" onclick="javascript: giveNote('{$url}',3, '{$serialData.0.id}')" onmouseout="javascript: removeAllGoldStars('{$url}', 3)">
                                 <a class="" href="#"><img id="star3" src="{$url}public/images/{if $serialData.0.note gte 3}goldStar.png{else}freeStar.png{/if}"/></a>
                            </li>
                            <li onmouseover="javascript: setGoldStar('{$url}',4, '{$serialData.0.note}');" onclick="javascript: giveNote('{$url}',4, '{$serialData.0.id}')" onmouseout="javascript: removeAllGoldStars('{$url}', 4)">
                                 <a class="" href="#"><img id="star4" src="{$url}public/images/{if $serialData.0.note gte 4}goldStar.png{else}freeStar.png{/if}"/></a>
                            </li>
                            <li onmouseover="javascript: setGoldStar('{$url}',5, '{$serialData.0.note}');" onclick="javascript: giveNote('{$url}',5, '{$serialData.0.id}')" onmouseout="javascript: removeAllGoldStars('{$url}', 5)">
                                 <a class="" href="#"><img id="star5" src="{$url}public/images/{if $serialData.0.note gte 5}goldStar.png{else}freeStar.png{/if}"/></a>
                            </li>
                        </ul>
                    </td>
                    <td>
                        <span class="f-right" style="color:#9999CC; font-size: 16px;">
                ({$serialData.0.note})
            </span>
                    </td>
                </tr>
            </table>
            </div>
    </div>
    <div class="clear"></div>
    <div id="serialMainDescription">
        <div class="f-left">
            <img src="{$url}public/serials_avatars/normal/{$serialData.0.id}.jpg" class="f-left" width="340" height="244"/>
            {if $log}
            <div id="addToFavourites" class="c-po" onclick="addToFavourites('{$url}', '{$serialData.0.id}')">
                <img class="mt-15 ml-100" src="{$url}public/images/heart.png"/> <a class="fw-b" href="javascript:;">Dodaj do ulubionych</a>
            </div>
            {/if}
        </div>
        <div class="f-right w-320P pr-20">
            
            <!--<p id="serialNote">Ocena serialu: <b>{$serialData.0.note}</b> ({$countNotes.0.0})</p>
            <hr/>
            <p>Ulubione: {$favourites}</p>
            <br/>-->
            
            
            <p style="line-height: 1.4;">{$serialData.0.description}</p><br/>
            <p class="mt-10">Gatunek:
                {foreach from=$categories item=value}
                    <a href="{$url}kategoria/{$value.name|lower}">{$value.name}</a>
                {/foreach}
            </p>
            <iframe  src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FShowsPL&layout=button_count&show_faces=true&width=60&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; margin-right: 5px; margin-top: 10px; overflow:hidden; width:100px; height:21px; float: left;" allowTransparency="true"></iframe>
        </div>
    </div>
    <div class="clear"></div>
    <div >
        <div class="f-left w-320P">
            <img class="mt-20 mb-20" src="{$url}public/images/serialsSign.png"/>
             <ul class="mb-20 ls-no ls-line tabNavigation">
                {foreach from=$serialEpisodes item=serial key=season name=seasonsNumbers} 
                    <li>
                        <a href="javascript:;" onclick="showSeasonShows('{$season}','{if !$selectedSeason}1{else}{$selectedSeason}{/if}','{$smarty.foreach.seasonsNumbers.total}','{$url}')" id="seasonNumber{$season}"
                           {if !$selectedSeason || $smarty.foreach.seasonsNumbers.last} class="selected" {else} {if !$selectedSeason == $smarty.foreach.seasonsNumbers.iteration} class="selected"{/if} {/if}
                           >{$season}</a>
                    </li>
                {/foreach}
             </ul>
            {foreach from=$serialEpisodes item=serial key=season name=seasons}
                <div class="showsListing" id="showsFromSeason{$season}" {if !$selectedSeason || $smarty.foreach.seasons.last} style="display: block;" {else} style="display: none;" {/if}>
                    {foreach from=$serial item=value}
                    <div class="showWrapper">
                        <a href="{$url}serial/{$serialLinkName}/s{$value.season}e{$value.episode}">s{$value.season}e{$value.episode} - {$value.name} </a><a class="startMovie" href="{$url}serial/{$serialLinkName}/s{$value.season}e{$value.episode}">odtwarzaj</a>
                    </div>
                    {/foreach}
                </div>
            {foreachelse}
                Brak odcinków do tego serialu
            {/foreach}
        </div>
        <div class="f-right w-320P pr-20">
            <img class="mt-20 mb-20" src="{$url}public/images/commentsSign.png"/><br/>
            <div class="messageSuccess mb-20" id="commentMessageWrapper" style="display: none; padding-top: 0px;">
                <p id="commentMessage" class="taCenter pt-10">Dziękujemy za komentarz.</p>
            </div>
            <div class="clear"></div>
            <div class="" id="commentMainWrapper">
                    <div id="commentAddWrapper">
                        <img height="40" id="commentAvatar" class="mt-20" src="{if $userAvatar} {$url}public/avatars/{$userAvatar} {else} {$url}public/avatars/nouser.png {/if}" />
                         <div class="f-right" >
                             <textarea name="content" id="commentField"></textarea>
                         </div>
                         <div class="clear"></div>
                         <input class="f-right btnLay" type="button" value="dodaj" onclick="javascript: addComment('{$serialData.0.id}','{$url}')"/>
                    </div>
                <div class="clear"></div>
                {foreach from=$comments item=value}
                    <div class="commentWrapper">
                        <img height="40" src="{if $value.avatar} {$url}public/avatars/{$value.avatar} {else} {$url}public/avatars/nouser.png {/if}" class="f-left mt-20"/>
                        <div id="commentContent">
                            <span class="ml-10 fs-10 f-left mb-5 mt-5 c-beige">{if $value.login neq 'oull5'}{$value.login}{else}Anonim{/if} napisał:</span>
                            <span class="f-right mr-10 mb-5 mt-5">{$value.added_date|truncate:11:""}</span>
                            <div class="clear"></div>
                            <hr class="ml-10 mr-10 mt-no mb-no"/>
                            <p class="ml-10 mr-10 fs-12 c-beige">{$value.content}</p>
                        </div>
                    </div>
                    <div class="clear"> </div>
                {foreachelse}
                    <p id="noComments">Brak komentarzy</p>
                {/foreach}
                {if !$log}
                <!--<div class="ml-50 mt-20">
                        <img src="{$url}public/images/whyShows.png" alt="Dlaczego warto" id="whyShows"/>
                        <a href="{$url}rejestracja" class="btn_reg"></a>
                    --></div>
                    {/if}
        </div>
    </div>
    <div class="clear"></div>
</div>
